/*1024  1280  1366  1440  1680  1920*/

/*>=1440px  大尺寸屏幕*/
@media screen and (min-width: 1440px) {
    .main {
        margin-top: 8em;
    }

    .footer img {
        margin: 1em 7em;
        width: 24em;
    }

    .title {
        top: 2em;
    }

    .btn {
        bottom: 3em;
    }

    /*.tag{*/
    /*width: 150px;*/
    /*height: 120px;*/
    /*line-height: 120px;*/
    /*background: url(../img/tag-orange.png) no-repeat;*/
    /*}*/
    .portal {
        width: 180px;
        height: 200px;
        background: url("../img/portal.png") no-repeat;

    }

    .ico {
        width: 156px;
        height: 210px;
        background: url("../img/service.png") no-repeat;
    }

    .num {
        top: 25px;
        left: 8px;
        width: 140px;
        height: 140px;
        background: url("../img/num.png") no-repeat;
    }

    .services li:nth-child(2) .num {
        background-position: 0 -140px;
    }

    .services li:nth-child(3) .num {
        background-position: 0 -281px;
    }

    .services li:nth-child(4) .num {
        background-position: 0 -422px;
    }

    .services li:nth-child(5) .num {
        background-position: 0 -562px;
    }

    .services li:nth-child(6) .num {
        background-position: 0 -703px;
    }

    .portal span {
        font-size: 1.2em;
        width: 95px;
        margin-top: 6em;
    }

    .ico span {
        width: 90px;
        left: 33px;
        top: 64px;
        font-size: 1.3em;
    }

    .service p {
        font-size: 1em;
    }

    .source-outer img {
        width: 550px;
    }

    .content {
        padding: 0 20em;
    }

    .biphone img {
        width: 100%;
    }

    .biphone {
        height: 500px;
    }

    .footer {
        margin: 1.8em 28em;
    }

    .leftphone, .rightphone {
        width: 380px;
    }

    .screen, .screen2 {
        width: 350px;
    }

}

/*<=1024px 小屏幕*/
@media screen and (max-width: 1024px ) {
    .nav {
        padding: 0 2em;
    }

    .main {
        margin-top: 6em;
    }

    .leftphone {
        display: none;
    }

    .rightphone {
        float: none;
        width: 482px;
        height: 1000px;

    }
    .screen{
        width: 430px;
        left: 29px;
        top: 121px;
        height: 786px;
    }

    .service {
        width: 90%;
        padding: 0;
    }

    .text-top, .text-bottom {
        left: 10%;
        right: 10%;
    }

    .foot-bg {
        width: 90%;
        background-size: 100%;
    }

    .foot-logo {
        width: 100%;
        background-size: 100%;
    }
    
    .brand-bg {
        width: 90%;
        background-size: 100%;
    }

    .brand-logo {
        width: 100%;
        background-size: 100%;
    }

    .content {
        padding: 0 8em;
    }

    .about {
        width: 100%;
        float: none;
    }

    .biphone {
        float: none;
    }
}